<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中工科技园区新闻动态</title>
    <script src="libs/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="libs/layui/layui.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="libs/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="libs/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="libs/css/index.css">
    <link rel="stylesheet" type="text/css" href="libs/css/reset.css">
</head>
<body>
<div class="container" >
    <h1 style="color: black">中原工学院大学科技园</h1>
</div>
<ul class="nnav layui-nav layui-bg-blue" lay-filter="">
    <div align="center">
        <li class="rl layui-nav-item"><a href="javascript:window.location.href='mindex.html'">园区概况</a></li>
        <li class="rl layui-nav-item "><a href="javascript:window.location.href='news.html';">园区新闻</a></li>
        <li class="rl layui-nav-item "><a href="javascript:window.location.href='interspace.html';">科技成果</a></li>
        <li class="rl layui-nav-item"><a href="gspace.html">众创空间</a></li>
        <li class="rl layui-nav-item"><a href="gardenservice.html">园区服务</a></li>
        <li class="rl layui-nav-item layui-this"><a href="javascript:;">入驻申请</a></li>
    </div>

</ul>
<div class="nnav layui-carousel" id="newsl">
    <div carousel-item style="height: 500px">
        <img src="img/news2.jpg"/>
        <img src="img/news1.jpg"/>
    </div>
</div>


<div class="content zhong">
    <div class="left_content">
        <div class="nav_tit">
            <h1>入驻申请</h1>
            <h2>the space center</h2>
        </div>
        <div class="nav_content">
            <ul>
                <li><a><h1>申请简介</h1></a></li>
                <li style="height:300px;background:#528078;color: #f7fbff;padding-left:10px;padding-right:10px;text-indent: 2em;font-family: '微软雅黑', '宋体'">
                如果要是用更多的功能，请注册并申请入驻
                </li>
            </ul>
            </ul>
        </div>
    </div>

    <div class="right_content">
        <div class="item">
            <h1>入驻申请 / <span>the space register</span></h1>
            <h2><a href="#"></a></h2>
            <div class="cb"></div>
        </div>
        <div class="news_text">

     <div id="content">

         <div class="form-horizontal">
             <div class="form-group">
                 <label for="phone" class="col-sm-2 control-label">手机号</label>
                 <div class="col-sm-10">
                     <input type="tel" class="form-control" id="phone" placeholder="请输入手机号">
                 </div>
             </div>
             <div class="form-group">
                 <label for="name" class="col-sm-2 control-label">姓名</label>
                 <div class="col-sm-10">
                     <input type="text" class="form-control" id="name" placeholder="请输入姓名">
                 </div>
             </div>
             <div class="form-group">
                 <label for="info" class="col-sm-2 control-label">申请理由</label>
                 <div class="col-sm-10">
                     <input type="text" class="form-control" id="info" placeholder="请输入申请理由">
                 </div>
             </div>
             <div class="form-group">
                 <label for="role" class="col-sm-2 control-label">角色</label>
                 <div class="col-sm-10">
                     <select id="role" class="form-control">
                         <option value="1">创业者</option>
                         <option value="2">企业</option>
                     </select>

                 </div>
             </div>
             <div class="form-group">
                 <label for="pwd" class="col-sm-2 control-label">密码</label>
                 <div class="col-sm-10">
                     <input type="password" class="form-control" id="pwd" placeholder="请输入密码">
                 </div>
             </div>

             <div class="form-group">
                 <div class="col-sm-offset-2 col-sm-10">
                     <button id="register" type="button" class="btn btn-default">注册</button>
                 </div>
             </div>
         </div>
     </div>

            <div class="new_page" id="new_page">

            </div>
            <div class="cb"></div>
        </div>
    </div>
    <div class="cb"></div>
</div>
<iframe src="foot.html" width="100%" height="300px" scrolling="no"  frameborder="0" style="margin-top: 50px"></iframe>

</body>
</html>
<script type="text/javascript">
    layui.use('element', function(){
        var element = layui.element;
    });
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#newsl'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
        });
    });

    $("#register").click(function () {
        var data = {
            role : $("#role").val(),
            phone : $("#phone").val(),
            name : $("#name").val(),
            password : $("#pwd").val(),
            info : $("#info").val(),
        }
        $.ajax({
            url: 'user/add.spring',
            type: 'post',
            dataType: 'json',
            data: data
        })
        .done(function(e) {
            // if (e.status == "")
            alert(e.message);
            // console.log(e);
            // console.log("success");
        })
        .fail(function() {
            alert("注册失败")
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    });


</script>
<style>
    .rl{
        padding-right:40px;
        padding-left:40px;
    }
    .nnav{
        margin-top: 0;
        margin-bottom: 0;
    }
    .nav_content h1{
        font-size: 20px;
    }
</style>